@import '@/common/scss/base.scss';
 
.goods-list {
 
  li {
 
    background: #fff;
    @include fjc(flex-start);

    .check {
      margin-right: 20px;
    }

    .content {
      @include fjc(flex-start);
      flex-grow: 1;
      @include border-bottom($lineColor);
      padding: 29px 0;

      .lf-img {
        min-width: 180px;
        @include wh(160, 160);
        @include ifjc(center);

        img {
          @include wh(150, 150);
        }
      }

      .rt-goodsInfo {
        flex-grow: 1;
        box-sizing: border-box;
        padding-right: 30px;
        padding-left: 27px;
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        
        min-height: 160px;

        >div {
          width: 100%;
        }

        >div:first-child {
          color: #111;
          @include fontSize(28);
         white-space: normal;
        }

        // >div:nth-child(2) {
        //   padding: 10px 0;
        //   span {
        //     @include ifjc;
        //     @include fontSize(24);
        //     @include border-all($primaryColor, 8);
        //     color: $primaryColor;
        //     padding: 4px 12px;
        //   }
        // }
        >.number {
          @include fjc;
          @include fontSize(28);

          span {
            color: $red;
          }

          .operate {
            @include fjc;

            >div {
              min-width: 45px;
              @include wh(45, 45);
              @include ifjc(center);
              @include fontSize(30);
              background: #dcdcdc;
              border-radius: 8px;
            }

            input {
              width: 98px;
              height: 42px;
              border-radius: 8px;
              box-sizing: border-box;
              border: solid 2px #cccccc;
              margin: 0 18px;
              text-align: center;
              @include fontSize(28);
            }
          }

        }
      }
    }



  }

  li:last-child {
    .content {
      &:after {
        border: none;
      }
    }
  }


  .demo-button-group {
    background: $red;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color:#fff;
    @include fjc(center);

  }

}

.stone {
  height: 166px;
  background: $mgColor;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 11;

  .point-out {
    min-height: 48px;
    @include fjc;
    @include fontSize(24);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 0 30px;
  }

  .aggregate {
    height: 98px;
    @include fjc;
    background: #fff;

    >div:first-child {
      @include color666;
      @include fontSize(34);
      padding-left: 30px;

      span {
        color: $red;
      }
    }

    >button:last-child {
      @include wh(229, 98);
      @include fontSize(28);
      @include fjc(center);
      color: #fff;
      background: $primaryColor;
      border-radius: 0;
    }

    >.disable {
      background: #ccc !important;
    }
  }
}
